<html>
<head>

	<link rel="stylesheet" href="${resource(dir: 'css', file: 'style.css')}" type="text/css">

</head>

<body>
<div id="wrap">
<div class="header">
<div id="logo">
</div>
<div class="title">
<h3> Books To Africa</h3>
</div>

	<div id="menu">
            <ul>                                                                       
	            <li><a href="${createLink(controller:'About',action:'info')}">about us</a></li>
	            <li><a href="${createLink(controller:'InventoryList',action:'bookList')}">browse books</a></li>
	            <li><a></a>
	            <li><a></a>
	            <li><a></a>
	            <li><a></a>
			 	<li><a></a>
	            <li><a></a>
	            <li><a></a>
	            <li><a></a>
			</ul>
	</div>
	<div id="dropdown">
			<ul class='dropdown'>
<sec:ifNotLoggedIn>			
	<li><a href="${createLink(controller:'login',action:'auth')}">sign in</a>
</sec:ifNotLoggedIn>
<sec:ifLoggedIn>
	<li><a href="${createLink(controller:'logout',action:'index')}">log out</a></li>
</sec:ifLoggedIn>
			 	<li><a href='#nogo'>not registered?</a>
			<ul>
				<li><a href="${createLink(controller:'DonorRegister',action:'donorHome')}">register as donor</a></li>
				<li><a href="${createLink(controller:'TeacherRegister',action:'teacherHome')}">register as teacher</a></li> 
            </ul>
            </li>
  	</div>          
</div>
<div class="center_content">

<g:render template="/slideshow"/>

</div>
<!--
<div class="left_content">
<div class="box_top"></div>
<div class="box_center"></div>
<div id="statement">
</div>
</div>
<div class="box_bottom"></div>
<div class="box_top"></div>
<div class="box_center">

</div>
<div id="photos" ></div> 

<div class="box_bottom"></div>
<div class="clear"></div>
<div class="footer"></div>

</div>

-->
</div>
</body>
</html>

